import * as React from 'react';
import {observer} from 'mobx-react'
import styles from './index.scss';

interface IProps {
    year: any
    month: any
    day: any
    hour: any
    week: any
    address: string
}

interface IStates {
}

@observer
class Home extends React.Component<IProps,IStates> {

    constructor(props) {
        super(props);
    }


    public render() {
        const {week,month,day,year,hour,address} = this.props
        return (
            <div className={styles.header}>
                <div className={styles.left}>
                    <p className={styles.minute}>{hour}</p>
                    <p className={styles.area}>{address}</p>
                </div>
                <div className={styles.right}>
                    <p className={styles.week}>{week}</p>
                    <p className={styles.year}>{year}年{month}{day}日</p>
                </div>
            </div>
        );
    }
}

export default Home;
